<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      >
<head th:replace="fragments/tabhead::headc"></head>
<body>
<th:block layout:fragment="content">
<div style="margin-top:15px">
  <form class="layui-form search" id="searchForm">
  <div class="layui-form-item layui-elem-quote">
    <div class="layui-inline">
      <label class="layui-form-label" style="width:100px">公司名</label>
      <div class="layui-input-inline" style="width:200px">
      	 <select  id="companyId" name="companyId">
      	 <option value="">请选择公司</option>
<!--        <option th:each="ec:${@redisHelper.getActCenterCompany(session.userCompanyId)}" th:value="${ec.id}" th:text="${ec.name}"></option> -->
			<option th:each="ec:${actCenterCompanyMap}" th:value="${ec.id}" th:text="${ec.name}"></option>
         </select>
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label" style="width:80px">部门</label>
      <div class="layui-input-inline" style="width:130px">
        <input type="text" id="name" class="layui-input" name='name' placeholder="请输入部门名称"/>
      </div>
    </div>
    <div class="layui-inline">
      <div class="layui-input-inline" style="width:150px;">
        <button class="layui-btn" id="searchBtn" type="button">查询</button>
        <button class="layui-btn" id="addBtn" type="button" authcode="900019">新增</button>
      </div>
    </div>
  </div>
 </form>
</div>
<table class="layui-table"  id="tab" lay-filter="tab"></table>
<script>
var ins,trobj,editdialogindex;
$(function() {
	//start layui use
	layui.use('table',function() {
		var table = layui.table;
		// start table render
		ins=table.render({
			  elem: '#tab' //指定原始表格元素选择器（推荐id选择器）
			  ,url: '/com/department/data?first=true'
			  ,cols: [[
// 						  {field:'id',width:80, sort: true,title:'部门ID',fixed:'true'},
					      {field:'companyName', width:250,title:'公司名'},
					      {field:'no', width:100, sort: true,title:'编号'},
					      {field:'name', width:180,title:'部门'},
					      {field:'ctime',width:180,title:'创建日期'},
					      {field:'remark', width:180,title:'备注'},
					      {align:'center',fixed:'right',width:200, toolbar:'#toolbar',title:'操作'}
					 ]]
				    ,page: true //是否显示分页
				    ,limits: [10,20,50]
				    ,limit:10 //每页默认显示的数量
					,done:function(res,curr,count){
//			 			 console.log(res);
						 page = curr;
						    //得到当前页码
						    console.log(curr); 
						    //得到数据总量
						    console.log(count);
					}
			});// end table render
			//start table on
			table.on('tool(tab)',function(obj) {
				var data = obj.data; //获得当前行数据
				var layEvent = obj.event; //获得 lay-event 对应的值
				trobj = obj;
				var tr = obj.tr; //获得当前行 tr 的DOM对象
				if(layEvent == 'edit') {
					$.get('/com/department/edit/?id='+data.id,{},function(str) {
						editdialogindex = layer.open({
							title:"部门信息修改",
						    type: 1,
						    area: ['450px', '450px'],
						    content: str, //注意，如果str是object，那么需要字符拼接。
						    zIndex:10
						  });
					});
				}else if(layEvent == 'del') {
					 layer.confirm('确定删除该行单据', {icon: 3, title:'提示'}, function(index){
					    	if(data.status == 1) {
					    		layer.msg("单据已审核，不能被删除！！", {icon: 4});
					    		layer.close(index);
					    	}else{
					    		 //向服务端发送删除指令
					    		$.get('/com/department/del_execute?id='+data.id,{},function(result) {
					    			if(result.code == 200) {
					    				trobj.del(); //删除对应行（tr）的DOM结构
									    layer.close(index);
									    layer.msg(result.message,{icon: 6});
									    return false;
					    			}else{
					    			 layer.msg(result.message,{icon: 0});
					    			 layer.close(index);
					    			 return false;
					    			} 
					    		});
					    	}
					      
					      });
				}else if(layEvent == 'detail') {
					$.get('/com/department/view/?id='+data.id,{},function(str) {
						editdialogindex = layer.open({
							title:"部门信息详情",
						    type: 1,
						    area: ['450px', '450px'],
						    content: str, //注意，如果str是object，那么需要字符拼接。
						    zIndex:10
						  });
					});
				}
			});// end table on
		
			  //页面新增
		  $("#addBtn").click(function() {
			  $.post('/com/department/addinit',function(str) {
				  editdialogindex = layer.open({
						title:"新增部门信息",
						type:1,
						area:['450px', '450px'],
						content:str,
						zIndex:10
					});
			  });
		  });
		  $("#searchBtn").click(function(){
				var phone = $("input[name='phone']").val();
				var table = layui.table;
			    ins.reload({url: '/com/department/data',where:$("#searchForm").serializeJson()})
			    return false;
			});  //end search
	});//end layui use
});//end layui use
</script>
<script type="text/html" id="toolbar">
	<a class="layui-btn  layui-btn-mini" lay-event="detail">详情</a>
	<a class="layui-btn layui-btn-mini" lay-event="edit" authcode="900020">修改</a>
	<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del" authcode="900021">删除</a>
</script>
</th:block>
</body>
</html>